<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>收货信息表单</title>
    <link rel="stylesheet" href="./lab3-3.css" />
  </head>
  <body>
    <main class="wrapper">
      <h1 class="title">收货信息</h1>
      <form class="form" action="#" method="post">
        <div class="form-group">
          <label for="receiver">收货人</label>
          <input id="receiver" name="receiver" type="text" placeholder="请输入收货人姓名" required />
        </div>

        <div class="form-group">
          <label for="mobile">手机号码</label>
          <input id="mobile" name="mobile" type="tel" placeholder="请输入11位手机号码" pattern="^\\d{11}$" />
        </div>

        <div class="form-group">
          <label for="region">所在地区</label>
          <input id="region" name="region" type="text" placeholder="省/市/区" />
        </div>

        <div class="form-group">
          <label for="address">详细地址</label>
          <textarea id="address" name="address" placeholder="街道、小区、门牌号等"></textarea>
        </div>

        <div class="form-group">
          <span class="group-label">标签</span>
          <label class="radio">
            <input type="radio" name="tag" value="home" checked />
            家
          </label>
          <label class="radio">
            <input type="radio" name="tag" value="company" />
            公司
          </label>
          <label class="radio">
            <input type="radio" name="tag" value="school" />
            学校
          </label>
        </div>

        <div class="form-group inline">
          <label class="checkbox">
            设置为默认地址
            <input type="checkbox" name="default" value="1" checked />
          </label>
        </div>

        <div class="form-actions">
          <button type="submit" class="btn btn-primary">提交</button>
        </div>
      </form>
    </main>
  </body>
</html>
